@charset "utf-8";

/* 菜单-广告图 */
.smenu .menu{
    width: 200px;
    background-color: #f3f3ff;
    position: relative;
}

.menu li >p{
    line-height: 29px;
    text-indent: 20px;
}

.menu li:hover >p{
    width: 200px;
    background-color: #fff;
    color: #f60;
    position: relative;
    z-index: 300;
    border: 1px solid #f60;
    border-right: 0;
    
}

.menu li:hover > div{
    display: block
}

.menu li:hover >p a{
    color: #f60;
}

.menu li div{
    display: none;
    width: 600px;
    height: 420px;
    position: absolute;
    left: 200px;
    top: 0;
    box-sizing: border-box;
    border: 1px solid #f60;
    z-index: 200;
    padding-left: 30px;
    background-color: #fff;
}

.menu li div p{
    margin-top: 10px;
}

.menu li div dl{
    margin-top: 20px;
}

.menu li div dt{
    border-bottom: 1px solid #ccc;
    line-height: 26px;
    color: #f60;
}

.menu li div dd a{
    margin-right: 10px;
    line-height: 26px;
}

.smenu .slide{
    width: 1000px;
    height: 400px;
}

/* 今日推荐 */
.re-list{
    height: 500px;
    margin: 0 auto;
    border-left: 1px solid #f60;
} 
.re-list li{
    width: 200px;
    height: 250px;
    float: left;
    border-bottom: 1px solid #f60;
    border-right: 1px solid #f60;
    line-height: 25px;
    text-align: center;
    box-sizing: border-box;
}

.re-limit{
    text-align: left;
}

.re-list li>p:last-child{
    color: red;
    font-size: 24px;
}

/* 图书电子书 */
.book-menu li{
    float: left;
    width: 100px; 
    font-size: 16px;  
    line-height: 35px;
    cursor: pointer;
}

.book-menu li.active{
    background-color: #f60; 
    color: #fff; 
}

.book-catgray{ 
    width: 238px; 
    height: 440px;  
    background-color: #f3f3f3; 
    line-height: 35px;
}
.book-catgray a{ 
    float: left; 
    width: 79px; 
    text-indent: 5px;
}

.book-list{
    width: 660px;
    height: 440px;
    border-left: 1px solid #ccc;
    display: none;
}

.book-list.on{
    display: block;
}

.book-pro{
    width: 165px;
    height: 220px;
    float: left;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.book-pro p:first-child{
    font-size: 20px;
    line-height: 35px;
}
.book-pro p:nth-child(2){
    color: red;
    line-height: 25px;
}
.book-pro p:last-child{
    color: red;
    font-size: 18px;
    line-height: 50px;
    text-indent: 20px;
}
.book-pro p:last-child del{
    color: #ccc;
}
.book-list .pro-first{
    width: 330px;
    height: 220px;
}

.book-right{
    width: 280px;
    height: 440px;
    margin-top: 37px;
    border: 1px solid #ccc;
    color: #404040;
}

.book-right h4{
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}

.book-right li{
    border-bottom: 2px solid #ccc;
    position: relative;
}
.book-right li:last-child{
    border: none;
}

.book-right li h5{
    font-size: 16px;
    line-height: 40px;
    font-weight: normal;
}
.book-right li h5.active{
    display: block;
}

.book-right ul{
    padding-left: 20px;
}

.book-right li span{
    position: absolute;
    left: -15px;
    top: 11px;
}

.book-right div{
    display: none;
}
.book-right div.on{
    display: block;
}

.book-right div p{
    padding-top: 18px;
}

/* 服装 */
.cloth{
    position: relative;
}
.cloth-catgray{
    width: 235px; 
    height: 480px;
    background-color: #f3f3f3; 
    line-height: 30px;
}
.cloth-slider{
    width: 430px;
    height: 480px ;
}

.cloth .cloth-right{
    width: 533px;
    height: 480px;
    display: none;
}
.cloth-right.on{
    display: block;
}

.cloth-catgray a{ 
    float: left; 
    width: 75px; 
    text-indent: 5px;
}

.cloth-slider img:last-child{
    width: 430px;
    height: 158px;
}

.cloth-right div{
    width: 176px;
    height: 480px;
    border-right: 2px solid #ccc;
    box-sizing: border-box;
}

.cloth-right div img:last-child{
    width: 174px;
    height: 145px;
}

.cloth .cloth-logo{
    width: 1200px;
    height: 70px;
    position: absolute;
    top: 520px;
}

.cloth-logo li{
    float: left;
    width: 133px;
    height: 70px;
}

/* 户外运动 */
.sport{
    margin-top: 90px;
}

.sport .cloth-right{
    display: none;
}

.sport .cloth-right.on{
    display: block;
}

/* 童装 */
.child .cloth-right{
    display: none;
}

.child .cloth-right.on{
    display: block;
}
/* 家居日用 */
.house{
    border-bottom: 1px solid #ccc;
}
.house-left{
    width: 483px;
    height: 480px;
    /* border: 2px solid #ccc; */
    border-top: none;
    border-bottom: none;
}
.house-left img{
    width: 483px;
    height: 480px;
}

.house-right{
    width: 713px;
    height: 480px;
}
.house-right div{
    width: 174px;
    height: 480px;
    border-right: 2px solid #ccc;
}
.house-right div img:last-child{
    width: 174px;
    height: 155px;
    margin-top: 30px;
}

/* 推广商品 */
.goods ul li p:first-child{
    padding: 30px;
}
.goods ul{
    border-left: 1px solid #ccc;
}
.goods ul li{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 240px;
    height: 300px;
    text-indent: 20px;
    box-sizing: border-box;
}
.goods ul li p{
    padding-bottom: 10px;
}
.goods ul li p:nth-child(3){
    font-size: 20px;
    color: red;
    text-indent: 30px;
}

/* 页尾 */
.footer-big{
    background-color: #ccc;
}

.footer-center{
    width: 785px;
    line-height: 100px;
    text-align: center;
}
.footer-center span{
    display: inline-block;
    padding-right: 60px;
}

.footer .footer-nav div{
    float: left;
    margin: 30px;
    line-height: 25px;
    text-align: center;
}

.footer .footer-nav div:first-child{
    margin-left: 210px;
}

.footer p{
    text-align: center;
    line-height: 25px; 
}

/* 楼层滚动 */
.floor{
    width: 40px;
    height: 200px;
    background-color: #f3f3f3;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -650px;
}

.floor ul li{
    width: 40px;
    height: 40px;
    background: url(../imgs/fix_box_icon_160622.png) no-repeat;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-indent: 40px;
    box-sizing: border-box;
    overflow: hidden;
}

.floor .floor-bg2{background-position-y: -80px;}
.floor .floor-bg3{background-position-y: -160px;}
.floor .floor-bg4{background-position-y: -240px;}
.floor .floor-bg5{background-position-y: -360px;}

/* 顶部搜索框 */
.fix-top{
    width: 100%;
    height: 70px;
    background-color: #fff;
    position: fixed;
    top: 0;
    border-bottom: 6px solid #f60;
    display: none;
    z-index: 400;
}
.fix-top .head-search{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
